<div class="wrap-color-lightblue">
    <div class="container theme-showcase" role="main">
        <div class="row">
            <div class="col-sm-1">
                <div class="share-box">
                    <ul class="share-box-ul">
                        <li data-toggle="tooltip" data-placement="left" data-original-title="微博">
                            <a href="#" class="icon-article-wb"></a>
                        </li>
                        <li data-toggle="tooltip" data-placement="left" data-original-title="支付宝">
                            <a href="#" class="icon-article-zfb"></a>
                        </li>
                        <li data-toggle="tooltip" data-placement="left" data-original-title="朋友圈">
                            <a href="#" class="icon-article-wx"></a>
                        </li>
                        <li data-toggle="tooltip" data-placement="left" data-original-title="QQ空间">
                            <a href="#" class="icon-article-qzone"></a>
                        </li>
                        <li  data-toggle="tooltip" data-placement="left" data-original-title="评论">
                            <a href="#" class="icon-article-commend"></a>
                        </li>
                        <li data-toggle="tooltip" data-placement="left" data-original-title="收藏">
                            <a href="#" class="icon-article-collect"></a>
                        </li>
                        <li data-toggle="tooltip" data-placement="left" data-original-title="点赞">
                            <a href="#" class="icon-article-dianzan"></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-8 blog-main" style="background: #fff;">
                <div class="blog-post">
                    <h2 class="blog-post-title"><?php echo $article['title']; ?></h2>
                    <p class="blog-post-meta"><?php echo date('m/d H:i',$article['pubtime']); ?>, <?php echo date('Y',$article['pubtime']); ?> by <a href="javascript:;"><?php echo $article['author']; ?></a></p>

                    <p><?php echo $article['intro']; ?></p>
                    <hr>
                    <?php echo $article['details']; ?>
                </div><!-- /.blog-post -->
                <nav>
                    <ul class="pager">
                        <li><a href="{:url('/index/article/detail/iid/'.$previd)}">上一篇</a></li>
                        <li><a href="{:url('/index/article/detail/iid/'.$nextid)}">下一篇</a></li>
                    </ul>
                </nav>
            </div>
            <div class="col-sm-3">
                <div class="user-face-area" style="background: #fff;">
                    <img class="img-circle" src="__INDEX__/images/touxiang.jpg" alt="Generic placeholder image" width="140" height="140">
                    <h2>Heading</h2>
                    <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
                    <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    //bootstrap工具提示
    $(function () {
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>